.titl {
  text-align: center;
  display: flex;
  padding: 20px;
  font-size: 28px;
  font-weight: bold;
  background: linear-gradient(to right, #3383fe, #3cb6ff);
  color: #fff;
}
.titl .el-icon-arrow-left {
  margin-right: 25px;
}
.mybox_row {
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #eee;
}
.mybox_row .mybox_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.mybox_row .mybox_top .mybox_top_left {
  font-size: 25px;
}
.mybox_row .mybox_top .mybox_top_right {
  font-size: 25px;
  font-weight: bold;
}
.mybox_row .mybox_bottom {
  display: flex;
  justify-content: space-between;
  color: #ccc;
}
.mybox_row .mybox_bottom .mybox_bottom_left {
  font-size: 20px;
}
.mybox_row .mybox_bottom .mybox_bottom_right {
  font-size: 20px;
}

.titl {
  font-size: 18px;
  margin-bottom: 10px;
}

.icon {
  float: left;
}

.mybox_row {
  margin-bottom: 20px;
}

.text {
  padding: 10px;
}

.bottom {
  padding: 10px;
  border-top: 1px solid #eaeaea;
}

.fr {
  float: right;
}

.no-more-data,
.no-data {
  text-align: center;
  padding: 20px;
  color: #999;
}
